<template>
    <div>
        <div class="strategy-item">
            <a href="https://www.mafengwo.cn/gonglve/ziyouxing/61594.html?cid=1010616" target="_blank">
                <div class="bar clearfix">
                    <span class="stat">
                        <span class="num">172</span> 
                        蜂蜂体验过
                        <i class="icon-cart"></i>
                    </span>
                    <span class="type">
                        <i class="icon-sales"></i>
                        来自 
                        <strong>自由行攻略</strong>
                    </span>
                </div>
                <div class="title">
                    夜晚不打烊，苏梅岛夜生活就该这么玩！
                </div>
                <div class="txt">
                    <div class="info">
                        很多人到了苏梅岛以后白天被安排的满满当当的，不是出海就是环岛，晚上就这么白白浪费了吗？NO，NO，NO……苏梅岛的夜生活其实可以很丰富，今天就跟随我来看看苏梅岛的夜是怎样的夜？
                    </div>
                </div>
                <div class="imgs">
                    <ul class="clearfix">
                        <li><img src="http://p3-q.mafengwo.net/s11/M00/23/2F/wKgBEFp0ED2AEXt_AAIADJA92Oo25.jpeg?imageMogr2%2Fthumbnail%2F%21220x130r%2Fgravity%2FCenter%2Fcrop%2F%21220x130%2Fquality%2F100"></li>
                        <li><img src="http://p2-q.mafengwo.net/s11/M00/9B/20/wKgBEFpz2M2AJJfxAAZGRh8hGfo35.jpeg?imageMogr2%2Fthumbnail%2F%21220x130r%2Fgravity%2FCenter%2Fcrop%2F%21220x130%2Fquality%2F100"></li>
                        <li><img src="http://b4-q.mafengwo.net/s10/M00/82/3D/wKgBZ1oU_USAOF6iAAUiJOUYZx8814.png?imageMogr2%2Fthumbnail%2F%21220x130r%2Fgravity%2FCenter%2Fcrop%2F%21220x130%2Fquality%2F100"></li>
                    </ul>
                </div>
            </a>
        </div>
        <div class="hr"></div>
    </div>
</template>

<script>
    export default {
        data () {
            return {

            }
        }
    }
</script>

<style lang="stylus" scoped>
    .strategy-item
        padding: 20px 0
        font-size: 14px
        line-height: 24px
        a
            display: block
            background-color: transparent
            text-decoration: none
            color: #ff9d00
            cursor: pointer
            .bar
                .stat
                    float: right
                    padding: 0 15px
                    line-height: 30px
                    border: 1px solid #ff9d00
                    border-radius: 15px
                    font-size: 14px
                    background-color: #fff
                    color: #666
                    .num
                        color: #ff9d00
                .type
                    float: left
                    display: inline-block
                    line-height: 20px
                    font-size: 12px
                    color: #666
                    strong
                        font-weight: normal
                        color: #ff9d00
                    .icon-sales
                        background: #eee
            .title
                margin-bottom: 15px
                font-size: 20px
                color: #333
            .txt
                margin-bottom: 15px
                color: #666
                .info   
                    font-size: 14px
            .imgs
                li
                    float: left
                    display: inline
                    width: 220px
                    margin-right: 15px
                    img
                        border: 0 none
                        vertical-align: middle
</style>